*{margin: 0;padding: 0; list-style: none; text-decoration: none;font-size: 14px;}     /*清除默认样式*/
         .second{                                /*第二个盒子  护肤*/
             width: 100%;
             height: 530px;
             margin-top: 215px;
/*
             position: absolute;
             left: 50%;
             top: 50%;
             transform: translate(-50%,-50%);
*/
         }
         .second header{                /*标题*/
             width: 385px;
             height: 95px;
             background:#f7f7f7;
             margin: 70px auto;             /*离盒子上边70像素 左右居中*/
             padding: 3px 0 0 35px;
             box-sizing: border-box;
             border-radius: 48px;
         }
         .second p{                        /*文字居中*/
            text-align: center;
             margin-top: -50px;
         }
         .second ul{
             width:1100px;
             margin: 60px auto;
             overflow-y: hidden;
         }
         .second ul li{
             position: relative;
             display: inline-block;
             width: 250px;
             height: 250px;
             margin-left: 90px;
             background: url("../images/pic1.jpg") no-repeat center -5px;
         }
         .second ul li:nth-child(2){
             background: url("../images/pic2.jpg") no-repeat center -20px;
         }
         .second ul li:nth-child(3){
             background: url("../images/pic3.jpg") no-repeat center -30px;
         }
         .second ul li hgroup{
             position: absolute;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             background: rgba(0,0,0,.7);
             color: white;
             box-sizing: border-box;
             transform: translatey(-100%);
             opacity: 1;
             transition: all .2s ease-in;
         }
         .second ul li:hover hgroup{
             transform: translatey(0%);
             opacity: .8;
         }
         .second ul li hgroup h1{
             margin: 20px auto;
             font-size: 22px;
             text-align: center;    
         }
         .second ul li hgroup h1:nth-child(1){
             margin-top: 50px;
         }
         .second ul li hgroup h2{
             text-align: center;
             margin-top: -10px;
         }
         .second ul li hgroup h1:nth-child(3){
             width: 26px;
             height: 26px;
             border-radius: 50%;
             background: url("images/jiantou.png")
         }
         .second ul li hgroup h1:nth-child(4){
             width: 75px;
             height: 22px;
             background: url("images/anniu.png")
         }

